<div class="col-sm-6 col-md-4">
    <div class="map-item">
        <figure>
            <a href=""><img class="img-responsive" src="../images/demo/case<%=i%>.jpg" alt=""/></a>
            <div class="btn-action">
                <a href="javascript:void(0)" class="btn-edit"><i class="fa fa-pencil-square-o"></i> 编辑</a>
                <a href="" class="btn-love"><i class="fa fa-heart"></i> 喜欢(456)</a>
            </div>
        </figure>
        <ul class="list-unstyled pho-item clearfix">
            <li><a href=""><img class="img-responsive" src="../images/demo/avatar1.jpg" alt=""/></a></li>
            <li><a href=""><img class="img-responsive" src="../images/demo/avatar2.jpg" alt=""/></a></li>
            <li><a href=""><img class="img-responsive" src="../images/demo/avatar3.jpg" alt=""/></a></li>
        </ul>
        <footer>
            <h3><a href="">相册名称</a></h3>
            <time>2015-05-05</time>
            <div class="pho-tag">
                <span>摄影</span>
                <span>人物</span>
                <span>环境</span>
                <span class="pull-right">89 张</span>
            </div>
        </footer>
    </div>
</div>